<!--
 * @Author: chenxuan
 * @Date: 2022-06-08 14:43:50
 * @LastEditTime: 2022-06-22 11:19:38
 * @LastEditors: chenxuan
-->
<template>
    <div>
        <!-- bug -->
        <!-- <div class="tableToolContainer clearfix" ref="tableToolContainer" v-if="env== 'production'"> -->
        <!-- <div class="tableToolContainer" ref="tableToolContainer">
            <li class="title">
                <slot name="title">查询结果</slot>
            </li>
            <div class="right">
                <slot class="btn" name="btn"></slot>
            </div>
        </div> -->
        
        <!-- ok -->
        <div class="tableToolContainer clearfix" ref="tableToolContainer">
			<li class="sbText">查询结果</li>
            <slot name="btn"></slot>
        </div>
    </div>
</template>
<script>
    export default{
        name:'tableToolContainer',
        mounted:function(){
            this.$nextTick(()=>{
                if(this.$refs.tableToolContainer.getElementsByTagName("button").length>0){
                     this.$store.commit('getH2',this.$refs.tableToolContainer.offsetHeight+24)
                }
                else{
                    this.$store.commit('getH2',24)
                }
            })
        }
    }
</script>
<style lang="scss" scoped>
// .tableToolContainer {
//     .title {
//         box-sizing: border-box;
//         position: relative;
//         padding-left: 10px;
//         font-size: 16px;
//         line-height: 32px;
//         color: #222222;
//         font-weight: 500;
//         &::before{
//             position: absolute;
//             display: block;
//             content: "";
//             left: 0;
//             top: 7px;
//             width: 4px;
//             height: 16px;
//             background-color: #3F8CF7 ;
//         }
//     }
// }
</style>